<template>
  <div>
    <p :class="activeClass">11</p>
    <p :class="isActive ? 'active':'' ">22</p>
    <p :class="{active:isActive}">33</p>
    <p class="item" :class="activeClass">44</p>
  </div>
</template>

<script>
export default {
  data(){
    return{
      activeClass:'active',
      isActive:true
    }
  }
}
</script>

<style>

</style>